$darkColor10 = rgba(27, 35, 47, 1)
$darkColor9 = rgba(27, 35, 47, .9)
$darkColor8 = rgba(27, 35, 47, .8)
$darkColor7 = rgba(27, 35, 47, .7)
$darkColor6 = rgba(27, 35, 47, .6)
$darkColor5 = rgba(27, 35, 47, .5)
$darkColor4 = rgba(27, 35, 47, .4)
$darkColor3 = rgba(27, 35, 47, .3)
$darkColor2 = rgba(27, 35, 47, .2)
$darkColor1 = rgba(27, 35, 47, .1)

$lightColor10 = rgba(255, 255, 255, 1)
$lightColor9 = rgba(255, 255, 255, .9)
$lightColor8 = rgba(255, 255, 255, .8)
$lightColor7 = rgba(255, 255, 255, .7)
$lightColor6 = rgba(255, 255, 255, .6)
$lightColor5 = rgba(255, 255, 255, .5)
$lightColor4 = rgba(255, 255, 255, .4)
$lightColor3 = rgba(255, 255, 255, .3)
$lightColor2 = rgba(255, 255, 255, .2)
$lightColor1 = rgba(255, 255, 255, .1)

$textShadow = 0 2px 4px $darkColor1
$borderRadius = .25rem
$lineNumbersWrapperWidth = 2.5rem

$bgColor = #ffffff
$bgColorDark = #2d3746

$bgColorSecondary = #f6f6f6
$bgColorSecondaryDark = #404d61

$bgColorTransparent = rgba(255, 255, 255, .9)
$bgColorTransparentDark = rgb(45, 55, 71, .9)

$boxShadow = 0 1px 8px 0 $darkColor1
$boxShadowDark = 0 1px 8px 0 $darkColor6

$boxShadowHover = 0 2px 16px 0 $darkColor2
$boxShadowHoverDark = 0 2px 16px 0 $darkColor7

$textColor = #242424
$textColorDark = $lightColor8

$textColorSub = #797878
$textColorSubDark = #b8bbba

$borderColor = #e2ecec
$borderColorDark = #3c4a5f

$accentColor = #377bb5
$accentColorDark = #74b3eb

$inlineCodeText = #c52950
$inlineCodeTextDark = #96c2eb

$inlineCodeBg = #f9f2f4
$inlineCodeBgDark = rgba(76, 86, 128, 0.4)